<template>
  <div class="main_content">
    <div class="main_page">
      <!-- <p>{{pageTitle}}</p> -->
      <router-view></router-view>
    </div>
  </div>
</template>
<script setup>
import { computed } from "vue";
import { useRoute } from "vue-router";

const route = useRoute()
const pageTitle = computed(() => {
  return route.meta.title
})
</script>
<style scoped>
.main_content{
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
}
.main_page{
  margin: 15px;
  background: var(--el-bg-color);
  padding: 20px;
  border-radius: 4px;
  min-height: calc(100% - 30px);
}
</style>